<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="">
      <input type="text" name="user" />
      <input type="text" name="pwd" />
    </form>
  </body>
</html>
<script>
  //特殊的简写方式
  //1.html标签 document.documentElement
  //  console.log( document.documentElement)  // 是html元素的简写；
  //  console.log(document.querySelector("html"));

  // 2.head标签 :document.head;
  // console.log(document.head);
  //    console.log(  document.querySelector("head"));

  // 3. title内容 ： document.title 注意 是获取title的内容 ，也可以设置title的文本内容 ；不是标签
  // console.log(document.title);
  // console.log(document.querySelector("title").innerText);
  // document.title = 1;
  // setInterval(function(){
  //     document.title++;
  // }, 1000);

  //    4.可以通过 name名字来获取元素；
  //document.onclick = function(){
  //    var res =  document.getElementsByName("user");
  //    console.log(res);
  // }

  // 5.获取body标签；document.body
  console.log(document.body);
  console.log(document.querySelector("body"));
</script>
